@import "var";

html {
  font-size: 10vw;
}

body {
  font-size: 14/@rpx;
  color: #333030;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
  margin: 0;
  padding: 0;
}

ul, dl, ol {
  list-style: none;
}

img {
  border: 0;
  vertical-align: top;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.img-card-rect {

  height: 150/@rpx;

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.content-list {
  li {
    margin-bottom: 15/@rpx;
  }
}

.panel-drawer {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;

  .am-drawer-sidebar {
    background-color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;

    .am-list {
      width: 300px;
      padding: 0;
    }

  }
}

.drawer-content {
  width: 200/@rpx;
  overflow: hidden;
}

.form-modal {
  .am-modal-close {
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;

    .am-modal-close-x {
      width: 100%;
      height: 100%;
    }
  }

  .am-modal-header {
    padding-top: 43px;
  }
}

.object-picker {
  position: relative;

  .am-flexbox-item {
    height: 160px;
    transform: translate(50%, 0px);
    position: relative;
    margin-right: 5px;
    margin-left: 0;
  }
}

.react-tagsinput--focused {
  border-color: #30A9DE;
}

.react-tagsinput-tag {
  border-color: #30A9DE;
  background-color: #30A9DE;
  color: #ffffff;
}

.box-info {
  .am-list-item .am-list-line .am-list-content {
    font-size: 12px;
  }
}

.brief {
  font-size: 15px;
  color: #888888;
}


